/<template>
  <div class="title">
    <ul>
      <li v-for="item in 10" :key="item">导航{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.title{
  width: 100%;
  height: 50px;
  overflow-x:scroll ;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  ul{
     width: 700px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
}
</style>